<template>
    <div id="app">
        <Layout class-prefix="layout">
            <NumberPad/>
            <Types/>  <!-- 引用 types中的props传递过来的xxx -->
            <Notes/>
            <Tags :data-source="tags"/>
        </Layout>
    </div>
</template>

<script lang="js">
    import NumberPad from "@/components/Money/NumberPad.vue";
    import Types from "@/components/Money/Types.vue";
    import Notes from "@/components/Money/Notes.vue";
    import Tags from "@/components/Money/Tags.vue";

    export default {
        name: "Money",
        components: {Tags, Notes, Types, NumberPad},
        data() {
            return {
                tags: ['衣', '食', '住', '行','奢侈品']
            }
        }
    };
</script>

<style lang="scss">
    .layout-content {
        display: flex;
        flex-direction: column-reverse;
    }
</style>